@charset "utf-8";
/* CSS Document */
@font-face { font-family: "iconfont"; src: url(iconfont.css) format('woff'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-size: 0.16rem; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.parts-floating { position: fixed; z-index: 999; }
.parts-floating[data-position] { margin: 30px; margin: 0.3rem; }
.parts-floating[data-movestate='false'] { display: none; }
@media (min-width:768px) {
.parts-floating[data-state='true'] { display: block; }
.parts-floating[data-state='false'] { display: none; }
}
.parts-floating[data-position*='left'] { left: 0; }
.parts-floating[data-position*='right'] { right: 0; }
.parts-floating[data-position*='bottom'] { bottom: 0; }
.parts-floating[data-position*='top'] { top: 0; }
.parts-floating[data-position*='center'] { top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); }
.parts-floating ul { margin: 0; padding: 0; list-style: none; }
.parts-floating li { position: relative; margin: 3px 0; margin: 0.03rem 0; width: 42px; width: 0.42rem; padding-bottom: 100%; background-color: #000; color: #fff; text-align: center; cursor: pointer; font-size: 20px; font-size: 0.2rem; }
.parts-floating li .parts-li-tip { position: absolute; z-index: 10; font-size: 12px; font-size: 0.12rem; font-style: normal; font-weight: 400; line-height: 1.42857143; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; bottom: 50%; padding: 0 10px; padding: 0 0.1rem; margin-bottom: -16.5px; margin-bottom: -0.165rem; display: none; opacity: 1; min-width: 216px; min-width: 2.16rem; text-align: right; }
.parts-floating li .parts-li-tip .tooltip-inner { text-align: center; background-color: #000; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; max-width: 216px; max-width: 2.16rem; padding: 8px; padding: 0.08rem; word-wrap: break-word; word-break: normal; }
.parts-floating li .parts-li-tip img { max-width: 70px; max-width: 0.7rem; max-height: 100%; height: auto; width: auto; }
.parts-floating li:hover .parts-li-tip { display: block; opacity: 1;}
.parts-floating li:hover .parts-li-tip:before { content: " "; }
.parts-floating[data-position*='left'] .parts-li-tip { left: 100%; text-align: left; }
.parts-floating[data-position*='right'] .parts-li-tip { right: 100%; text-align: right; }
.parts-floating[data-size='lg'] li { width: 50px; width: 0.5rem; font-size: 22px; font-size: 0.22rem; }
.parts-floating[data-size='sm'] li { width: 35px; width: 0.35rem; font-size: 18px; font-size: 0.18rem; }
.parts-floating[data-theme*='solid'] li { color: #fff !important; }
.parts-floating[data-theme*='round'] li { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.parts-floating[data-theme*='fillet'] li { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.parts-floating[data-theme*='hollow'] li { border-style: solid; border-width: 2px; background-color: #fff !important; padding-bottom: calc(100% - 4px); padding-bottom: calc(100% - 0.04rem); }
.parts-floating[data-theme*='Blacktheme'] li { background-color: #000 !important; color: #fff !important; }
.parts-floating[data-theme*='Blacktheme'] li:hover { background-color: rgba(0, 0, 0, 0.6) !important; }
.parts-floating li a { color: inherit; }
.parts-floating li .iconfont { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); font-size: inherit; color: inherit; }
.parts-floating li[data-type='Email'] { background-color: #E36A00; border-color: #E36A00; color: #E36A00; }
.parts-floating li[data-type='Email']:hover { background-color: rgba(238, 97, 0, 0.6); border-color: rgba(238, 97, 0, 0.6); color: rgba(238, 97, 0, 0.6); }
.parts-floating li[data-type='Email'] .iconfont:before { content: "\f0e0"; }
.parts-floating li[data-type='Phone'] { background-color: #ed6347; border-color: #ed6347; color: #ed6347; }
.parts-floating li[data-type='Phone']:hover { background-color: rgba(237, 99, 71, 0.6); border-color: rgba(237, 99, 71, 0.6); color: rgba(237, 99, 71, 0.6); }
.parts-floating li[data-type='Phone'] .iconfont:before { content: "\f1ac"; }
.parts-floating li[data-type='Robot'] { background-color: #007ace; border-color: #007ace; color: #007ace; }
.parts-floating li[data-type='Robot']:hover { background-color: rgba(0, 122, 206, 0.6); border-color: rgba(0, 122, 206, 0.6); color: rgba(0, 122, 206, 0.6); }
.parts-floating li[data-type='Robot'] .iconfont:before { content: "\f17b"; }
.parts-floating li[data-type='Wechat'] { background-color: #50b83c; border-color: #50b83c; color: #50b83c; }
.parts-floating li[data-type='Wechat']:hover { background-color: rgba(80, 184, 60, 0.6); border-color: rgba(80, 184, 60, 0.6); color: rgba(80, 184, 60, 0.6); }
.parts-floating li[data-type='Wechat'] .iconfont:before { content: "\f1d7"; }
.parts-floating li[data-type='Mobile'] { background-color: #9c6ade; border-color: #9c6ade; color: #9c6ade; }
.parts-floating li[data-type='Mobile']:hover { background-color: rgba(156, 106, 222, 0.6); border-color: rgba(156, 106, 222, 0.6); color: rgba(156, 106, 222, 0.6); }
.parts-floating li[data-type='Mobile'] .iconfont:before { content: "\f10b"; font-size:32px; font-size:0.32rem; }
.parts-floating li[data-type='Policy'] { background-color: #C35555; border-color: #C35555; color: #C35555; }
.parts-floating li[data-type='Policy']:hover { background-color: rgba(195, 85, 85, 0.6); border-color: rgba(195, 85, 85, 0.6); color: rgba(195, 85, 85, 0.6); }
.parts-floating li[data-type='Policy'] .iconfont:before { content: "\f0e6"; }
.parts-floating li[data-type='Address'] { background-color: #5E8E3E; border-color: #5E8E3E; color: #5E8E3E; }
.parts-floating li[data-type='Address']:hover { background-color: rgba(94, 142, 62, 0.6); border-color: rgba(94, 142, 62, 0.6); color: rgba(94, 142, 62, 0.6); }
.parts-floating li[data-type='Address'] .iconfont:before { content: "\f1d8"; }
.parts-floating li[data-type='Top'] { background-color: #5c6ac4; border-color: #5c6ac4; color: #5c6ac4; }
.parts-floating li[data-type='Top']:hover { background-color: rgba(92, 106, 196, 0.6); border-color: rgba(92, 106, 196, 0.6); color: rgba(92, 106, 196, 0.6); }
.parts-floating li[data-type='Top'] .iconfont:before { content: "\f093"; }